/*
 * @Author: chengsl
 * @Date: 2023-01-10 14:33:04
 * @LastEditors: chengsl
 * @LastEditTime: 2023-01-10 14:34:25
 * @Description: 仪表盘 widgetNewGaugeChart
 */
export default {
  title: {
    text: '',
    show: false,
    left: 'center',
    textStyle: { color: '#fff', fontSize: 20, fontWeight: 'normal' },
    subtext: '',
    subtextStyle: { color: '#fff', fontWeight: 'normal', fontSize: 20 }
  },
  series: [
    {
      name: '外层刻度线',
      type: 'gauge',
      radius: '100%',
      center: ['50%', '60%'],
      min: 0,
      max: 100,
      splitNumber: 10,
      startAngle: 225,
      endAngle: -45,
      axisLine: {
        show: true,
        lineStyle: { width: 1, color: [[1, 'rgba(0,0,0,0)']] }
      },
      axisLabel: {
        show: true,
        color: '#62A9FF',
        fontSize: 20,
        fontWeight: 'normal',
        distance: 20
      },
      axisTick: {
        show: true,
        lineStyle: { color: '#62A9FF', width: 2 },
        length: -6
      },
      splitLine: {
        show: true,
        length: -12,
        lineStyle: { width: 4, color: '#62A9FF' }
      },
      detail: { show: false },
      pointer: { show: false }
    },
    {
      type: 'gauge',
      radius: '60%',
      center: ['50%', '60%'],
      progress: { show: true, width: 2 },
      itemStyle: {
        color: {
          type: 'linear',
          x: 0,
          y: 0,
          x2: 1,
          y2: 0,
          colorStops: [
            { offset: 0, color: '#0060FF' },
            { offset: '0.167', color: '#3BD6FF' },
            { offset: '0.333', color: '#948BEA' },
            { offset: '0.500', color: '#F78D94' },
            { offset: '0.667', color: '#FF7A45' },
            { offset: '0.833', color: '#FCBB61' },
            { offset: 1, color: '#36CFC0' }
          ],
          global: false
        }
      },
      splitNumber: 0,
      startAngle: 225,
      endAngle: -45,
      axisLine: {
        show: true,
        lineStyle: { width: 2, color: [[1, 'rgba(65,62,84,0.5)']] }
      },
      splitLine: { show: false },
      axisLabel: { show: false },
      axisTick: { show: false },
      pointer: { show: false },
      title: { show: false },
      detail: { show: false },
      data: [{ name: '进度条占位', value: 100 }]
    },
    {
      type: 'gauge',
      radius: '60%',
      center: ['50%', '60%'],
      zlevel: 1,
      progress: { show: false },
      splitNumber: 0,
      startAngle: 225,
      endAngle: -45,
      axisLine: { show: false },
      splitLine: { show: false },
      axisLabel: { show: false },
      axisTick: { show: false },
      pointer: {
        show: true,
        icon: 'path://M512 512m-332.6 0a332.6 332.6 0 1 0 665.2 0 332.6 332.6 0 1 0-665.2 0Z',
        length: 8,
        width: 8,
        offsetCenter: [0, '-94%'],
        itemStyle: { color: '#F78D94', shadowColor: '#F78D94', shadowBlur: 10 }
      },
      title: { show: false },
      detail: { show: false },
      data: [{ name: '车速', value: '50.76' }]
    },
    {
      type: 'gauge',
      radius: '60%',
      center: ['50%', '60%'],
      progress: { show: false },
      splitNumber: 0,
      startAngle: 225,
      endAngle: -45,
      axisLine: { show: false },
      splitLine: { show: false },
      axisLabel: { show: false },
      axisTick: { show: false },
      pointer: {
        show: true,
        icon: 'path://M12.8,0.7l12,40.1H0.7L12.8,0.7z',
        length: '30%',
        width: 5,
        offsetCenter: [0, '-65%'],
        itemStyle: { color: '#F78D94' }
      },
      title: {
        show: true,
        offsetCenter: [0, '90%'],
        color: '#00afee',
        fontSize: 32,
        fontWeight: 'bolder'
      },
      detail: {
        show: true,
        offsetCenter: [0, 0],
        fontSize: 20,
        fontWeight: 'normal',
        color: '#fff',
        formatter: function(params) {
					return params + '%'
				}
      },
      data: [{ name: '车速', value: '50.76' }]
    }
  ]
}
